// pages/message/message.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    blockList: [
      {
        id: 1,
        color: '#12345',
        text: '00000'
      },
      {
        id: 2,
        color: '#12345',
        text: '00000'
      }
    ],
    // 上拉触底节流处理，定义一个标识
    isLoading: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.nextPage()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    
    console.log('触发下拉触底')
    
    this.nextPage()
  },

  // 模拟加载下一页数据
  nextPage() {
    // 节流处理
    if (this.data.isLoading) return;
    this.setData({
      isLoading: true
    })
    // 加载下一页数据前，展示loading效果
    wx.showLoading({
      title: '加载中...',
    })
    setTimeout(() => {
      let list = this.data.blockList
      let max = list.map(item => item.id).sort((curr,next) => next-curr)[0];
      // console.log(max)
      let start = max + 1
      let arr = []
      for(let i = 0; i < 5; i++) {
        arr.push({
          id: start++,
          color: this.randomColor(),
          text: Math.random(1000000)
        })
      }
      this.setData({
        blockList: [...list, ...arr]
      })
      // 下一页数据加载成功，关闭loading效果
      wx.hideLoading()
    }, 1000);
    
  },

  // 生成随机颜色，格式：#dedede
  randomColor() {
    let color = '#' + Math.random().toString(16).substring(2,8);
    return color;
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})